<html lang="en"><head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>分类</title>
	<link rel="stylesheet" href="./font/iconfont.css">
	<link rel="stylesheet" href="./通用/搜索栏.css">
	<link rel="stylesheet" href="./通用/底部导航.css">
	<style type="text/css">
		html{font-size: 100px;}
		body{font-size: 16px;}
		#iot-div1{position:fixed;top: 0;right: 0.05%;z-index:1;}
		#iot-ul1{margin: 0;padding: 0;margin-bottom: 200%;}
		#iot-div2{font-size: 0.15rem;width:25%;height: 100%;position: fixed;;overflow: auto;float: left;}
		#iot-div3{width: 75%;margin-left: 25%;}
		#iot-div5{right: 0.05%;}
		::-webkit-scrollbar{color: white;}
	</style>
</head>
<body>
	<!-- 搜索框 -->
	<div id="iot-div1">
		<div id="iot-div1-1">黑马优购</div>
		<div id="iot-div1-2">
			<div id="iot-div1-2-1">
				<a href="./搜索.html"><input type="text" placeholder="搜索" id="iot-input1" ></a>
				<img src="./image/搜索.png" id="iot-img-sousuo" >
			</div>	
		</div>
	</div>
	<!-- 填充文档流漏洞 -->
	<div style="width:100%;aspect-ratio: 7/2;" id="flexbox1"></div>
	<!-- 左边导航 -->
	<div id="iot-div2">
		<ul id="iot-ul1"></ul>
	</div>
	<!-- 右边分类 -->
	<div id="iot-div3" style="margin-left:29%;display: flex;flex-wrap: wrap;width: 100%;aspect-ratio: 1/1;">
					<!-- <div style="width: 100%;aspect-ratio: 15/1;text-align: center;font-size: 0.15rem;" id="iot-div3-1"><b>/电视/</b></div> -->
	</div>
	<div id="iot-flexbox"></div>
	<!-- 底部导航 -->
	<div id="iot-div5">
		<div><a href="./首页.html"><i class="iconfont">&#xe639;</i><br><span>首页</span></a></div>
		<div style="color: red;"><i class="iconfont">&#xe659;</i><br><span>分类</span></div>
		<div><a href="./购物车.html"><i class="iconfont">&#xe62c;</i><br><span>购物车</span></a></div>
		<div><a href="./我的.html"><i class="iconfont">&#xe600;</i><br><span>我的</span></a></div>
	</div>
<!-- Code injected by live-server
<script type="text/javascript">
	// <![CDATA[  <-- For SVG support
	if ('WebSocket' in window) {
		(function () {
			function refreshCSS() {
				var sheets = [].slice.call(document.getElementsByTagName("link"));
				var head = document.getElementsByTagName("head")[0];
				for (var i = 0; i < sheets.length; ++i) {
					var elem = sheets[i];
					var parent = elem.parentElement || head;
					parent.removeChild(elem);
					var rel = elem.rel;
					if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
						var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
						elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
					}
					parent.appendChild(elem);
				}
			}
			var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
			var address = protocol + window.location.host + window.location.pathname + '/ws';
			var socket = new WebSocket(address);
			socket.onmessage = function (msg) {
				if (msg.data == 'reload') window.location.reload();
				else if (msg.data == 'refreshcss') refreshCSS();
			};
			if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
				console.log('Live reload enabled.');
				sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
			}
		})();
	}
	else {
		console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');
	}
	// ]]>
</script> -->
</body>
<script src="./分类/商品分类.js" type="module"></script>
<script src="./通用/底部导航.js" type="module"></script>
<script src="./通用/搜索栏.js" type="module"></script>
<script src="./rem.js" type="module"></script>
</html>